<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
	<meta charset="UTF-8">
	<link rel="shortcut icon" href="favicon.ico">
	<link rel="stylesheet" href="css/iconfont.css">
	<link rel="stylesheet" href="css/global.css">
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/bootstrap-theme.min.css">
	<link rel="stylesheet" href="css/swiper.min.css">
	<link rel="stylesheet" href="css/styles.css">
	<script src="js/jquery.1.12.4.min.js" charset="UTF-8"></script>
	<script src="js/bootstrap.min.js" charset="UTF-8"></script>
	<script src="js/swiper.min.js" charset="UTF-8"></script>
	<script src="js/global.js" charset="UTF-8"></script>
	<script src="js/jquery.DJMask.2.1.1.js" charset="UTF-8"></script>
	<script src="/webjars/vue/2.6.10/dist/vue.js"></script>
	<script src="/webjars/axios/0.19.0/dist/axios.min.js"></script>
	<script src="/xtiper/js/xtiper.min.js"></script>
	<title>U袋网</title>
</head>
<body>
	<div id="vuebox">
		<!-- 顶部tab -->
		<div class="tab-header">
			<div class="inner">
				<div class="pull-left">
					<div class="pull-left">嗨，欢迎来到<span class="cr">U袋网</span></div>
					<a href="agent_level.html">网店代销</a>
					<a href="temp_article/udai_article4.html">帮助中心</a>
				</div>
				<div class="pull-right">
					<a href="login.html"><span class="cr">登录</span></a>
					<a href="login.html?p=register">注册</a>
					<a href="udai_welcome.html">我的U袋</a>
					<a href="udai_order.html">我的订单</a>
					<a href="udai_integral.html">积分平台</a>
				</div>
			</div>
		</div>
		<!-- 顶部标题 -->
		<div class="bgf5 clearfix">
			<div class="top-user">
				<div class="inner">
					<a class="logo" href="index.html"><img src="images/icons/logo.jpg" alt="U袋网" class="cover"></a>
					<div class="title">个人中心</div>
				</div>
			</div>
		</div>
		<div class="content clearfix bgf5">
			<section class="user-center inner clearfix">
				<!--左侧-->
				<div class="pull-left bgf">
					<a href="udai_welcome.html" class="title">U袋欢迎页</a>
					<dl class="user-center__nav">
						<dt>帐户信息</dt>
						<a href="udai_setting.html"><dd>个人资料</dd></a>
						<a href="udai_treasurer.html"><dd>资金管理</dd></a>
						<a href="udai_integral.html"><dd>积分平台</dd></a>
						<a href="udai_address.html"><dd>收货地址</dd></a>
						<a href="udai_coupon.html"><dd>我的优惠券</dd></a>
						<a href="udai_paypwd_modify.html"><dd>修改支付密码</dd></a>
						<a href="udai_pwd_modify.html"><dd>修改登录密码</dd></a>
					</dl>
					<dl class="user-center__nav">
						<dt>订单中心</dt>
						<a href="udai_order.html"><dd class="active">我的订单</dd></a>
						<a href="udai_collection.html"><dd>我的收藏</dd></a>
						<a href="udai_refund.html"><dd>退款/退货</dd></a>
					</dl>
					<dl class="user-center__nav">
						<dt>服务中心</dt>
						<a href="udai_mail_query.html"><dd>物流查询</dd></a>
						<a href=""><dd>数据自助下载</dd></a>
						<a href="temp_article/udai_article1.html"><dd>售后服务</dd></a>
						<a href="temp_article/udai_article2.html"><dd>配送服务</dd></a>
						<a href="temp_article/udai_article3.html"><dd>用户协议</dd></a>
						<a href="temp_article/udai_article4.html"><dd>常见问题</dd></a>
					</dl>
					<dl class="user-center__nav">
						<dt>新手上路</dt>
						<a href="temp_article/udai_article5.html"><dd>如何成为代理商</dd></a>
						<a href="temp_article/udai_article6.html"><dd>代销商上架教程</dd></a>
						<a href="temp_article/udai_article7.html"><dd>分销商常见问题</dd></a>
						<a href="temp_article/udai_article8.html"><dd>付款账户</dd></a>
					</dl>
					<dl class="user-center__nav">
						<dt>U袋网</dt>
						<a href="temp_article/udai_article10.html"><dd>企业简介</dd></a>
						<a href="temp_article/udai_article11.html"><dd>加入U袋</dd></a>
						<a href="temp_article/udai_article12.html"><dd>隐私说明</dd></a>
					</dl>
				</div>
				<!--右侧  显示-->
				<div class="pull-right">
					<div class="user-content__box clearfix bgf">
						<div class="title">订单中心-我的订单</div>
						<div class="order-list__box bgf">
							<div class="order-panel">
								<ul class="nav user-nav__title" role="tablist">
									<li role="presentation" class="nav-item active"><a href="#all" aria-controls="all" role="tab" data-toggle="tab">所有订单</a></li>
									<li role="presentation" class="nav-item "><a href="#pay" aria-controls="pay" role="tab" data-toggle="tab">待付款 <span class="cr">{{ordernopaylist.total}}</span></a></li>
									<li role="presentation" class="nav-item "><a href="#emit" aria-controls="emit" role="tab" data-toggle="tab">待发货 <span class="cr">{{ordernodelilist.total}}</span></a></li>
									<li role="presentation" class="nav-item "><a href="#take" aria-controls="take" role="tab" data-toggle="tab">待收货 <span class="cr">{{ordernorecelist.total}}</span></a></li>
									<li role="presentation" class="nav-item "><a href="#eval" aria-controls="eval" role="tab" data-toggle="tab">待评价 <span class="cr">{{orderoverlist.total}}</span></a></li>
								</ul>

								<div class="tab-content">
									<!--所有订单-->
									<div role="tabpanel" class="tab-pane fade in active" id="all">
										<table class="table text-center">
											<tr>
												<th width="380">商品信息</th>
												<th width="85">单价</th>
												<th width="85">数量</th>
												<th width="120">实付款</th>
												<th width="120">交易状态</th>
												<th width="120">交易操作</th>
											</tr>
											<tr class="order-item" v-if="orderlist.total!=0"  v-for="(item,index) in orderlist.list">
												<td>
													<label>
														<a href="udai_order_detail.html" class="num">
															{{item.createdate|formatDate}} 订单号: {{item.orderdetailsid}}
														</a>
														<div class="card">
															<div class="img"><img :src="item.img1" alt="" class="cover"></div>
															<div class="name ep2">{{item.proname}}{{item.explains}}</div>
															<div class="format">颜色分类：{{item.color}}  尺码：{{item.size}}</div>
															<div class="favour">使用优惠券：优惠¥2.00</div>
														</div>
													</label>
												</td>
												<td>￥{{item.price}}</td>
												<td>{{item.count}}</td>
												<td>￥{{item.totalprice}}<br><span class="fz12 c6 text-nowrap">(含运费: ¥{{item.freight}})</span></td>
												<!--待付款-->
												<td class="state" v-if="item.status==1">
													<a class="but c6" >等待付款</a>
													<a href="javascript:void(0)" @click="godetail(item.orderdetailsid)" class="but c9">订单详情</a>
												</td>
												<td class="order"  v-if="item.status==1">
													<div class="del"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></div>
													<a href="javascript:void(0)" @click="pay(item.orderdetailsid)" class="but but-primary">立即付款</a>
													<!-- <a href="" class="but but-link">评价</a> -->
													<a href="" class="but c3">取消订单</a>
												</td>

												<!--待发货-->
												<td class="state" v-else-if="item.status==2">
													<a class="but c6" >待发货</a>
													<a href="udai_mail_query.html" class="but cr">查看物流</a>
													<a href="javascript:void(0)" @click="godetail(item.orderdetailsid)" class="but c9">订单详情</a>
												</td>
												<td class="order"  v-if="item.status==2">
													<div class="del"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></div>
													<a href="udai_shopcart_pay.html" class="but but-primary">确认收货</a>
													<a href="" class="but c3">退款/退货</a>
												</td>

												<!--待收货-->
												<td class="state" v-else-if="item.status==3">
													<a class="but c6" >待收货</a>
													<a href="udai_mail_query.html" class="but cr">查看物流</a>
													<a href="javascript:void(0)" @click="godetail(item.orderdetailsid)" class="but c9">订单详情</a>
												</td>
												<td class="order"  v-if="item.status==3">
													<div class="del"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></div>
													<a href="udai_shopcart_pay.html" class="but but-primary">确认收货</a>
													<a href="" class="but c3">退款/退货</a>
												</td>

												<!--交易成功-->
												<td class="state" v-else-if="item.status==4">
													<a class="but c6">交易成功</a>
													<a href="udai_mail_query.html" class="but cr">查看物流</a>
													<a href="javascript:void(0)" @click="godetail(item.orderdetailsid)" class="but c9">订单详情</a>
												</td>
												<td class="order"  v-if="item.status==4">
													<div class="del"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></div>
													<a href="udai_shopcart_pay.html" class="but but-primary">立刻评价</a>
													<a href="" class="but c3">退款/退货</a>
												</td>
											</tr>
											<!--无数据-->
											<tr class="order-empty" v-if="orderlist.total==0"><td colspan='6'>
												<div class="empty-msg">最近没有任何订单，家里好像缺了点什么！<br><a href="item_category.html">要不瞧瞧去？</a></div>
											</td></tr>
										</table>
										<!--Page-->
										<div class="page text-right clearfix" v-if="orderlist.total!=0" style="margin-top: 40px">
											<button class="pag" type="button" :disabled="orderlist.hasPreviousPage==false" @click="gatepageNums(orderlist.prePage,0)">上一页</button>
											<a v-for="(i,index) in orderlist.navigatepageNums" href="javascript:void(0)" @click="gatepageNums(i,0)" :class="{select:i==orderlist.pageNum}">{{i}}</a>
											<button class="pag" type="button" :disabled="orderlist.hasNextPage==false" href="javascript:void(0)" @click="gatepageNums(orderlist.nextPage,0)">下一页</button>
										</div>
									</div>
									<!--待付款-->
									<div role="tabpanel" class="tab-pane fade" id="pay">
										<table class="table text-center">
											<tr>
												<th width="380">商品信息</th>
												<th width="85">单价</th>
												<th width="85">数量</th>
												<th width="120">实付款</th>
												<th width="120">交易状态</th>
												<th width="120">交易操作</th>
											</tr>
											<!--有数据-->
											<tr class="order-item" v-if="ordernopaylist.total!=0" v-for="(item,index) in ordernopaylist.list">
												<td>
													<label>
														<a href="udai_order_detail.html" class="num">
															{{item.createdate|formatDate}} 订单号: {{item.orderdetailsid}}
														</a>
														<div class="card">
															<div class="img"><img :src="item.img1" alt="" class="cover"></div>
															<div class="name ep2">{{item.proname}}{{item.explains}}</div>
															<div class="format">颜色分类：{{item.color}}  尺码：{{item.size}}</div>
															<div class="favour">使用优惠券：优惠¥2.00</div>
														</div>
													</label>
												</td>
												<td>￥{{item.price}}</td>
												<td>{{item.count}}</td>
												<td>￥{{item.totalprice}}<br><span class="fz12 c6 text-nowrap">(含运费: ¥{{item.freight}})</span></td>
												<!--待付款-->
												<td class="state">
													<a class="but c6" >等待付款</a>
													<a href="javascript:void(0)" @click="godetail(item.orderdetailsid)" class="but c9">订单详情</a>
												</td>
												<td class="order">
													<div class="del"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></div>
													<a href="javascript:void(0)" @click="pay(item.orderdetailsid)" class="but but-primary">立即付款</a>
													<!-- <a href="" class="but but-link">评价</a> -->
													<a href="" class="but c3">取消订单</a>
												</td>
											</tr>
											<!--无数据-->
											<tr class="order-empty" v-if="ordernopaylist.total==0"><td colspan='6'>
												<div class="empty-msg">最近没有任何订单，家里好像缺了点什么！<br><a href="item_category.html">要不瞧瞧去？</a></div>
											</td></tr>
										</table>
										<!--Page-->
										<div class="page text-right clearfix" v-if="ordernopaylist.total!=0" style="margin-top: 40px">
											<button class="pag" type="button" :disabled="ordernopaylist.hasPreviousPage==false" @click="gatepageNums(ordernopaylist.prePage,1)">上一页</button>
											<a v-for="(i,index) in ordernopaylist.navigatepageNums" href="javascript:void(0)" @click="gatepageNums(i,1)" :class="{select:i==ordernopaylist.pageNum}">{{i}}</a>
											<button class="pag" type="button" :disabled="ordernopaylist.hasNextPage==false" href="javascript:void(0)" @click="gatepageNums(ordernopaylist.nextPage,1)">下一页</button>
										</div>
									</div>
									<!--待发货-->
									<div role="tabpanel" class="tab-pane fade" id="emit">
										<table class="table text-center">
											<tr>
												<th width="380">商品信息</th>
												<th width="85">单价</th>
												<th width="85">数量</th>
												<th width="120">实付款</th>
												<th width="120">交易状态</th>
												<th width="120">交易操作</th>
											</tr>
											<!--有数据-->
											<tr class="order-item" v-if="ordernodelilist.total!=0" v-for="(item,index) in ordernodelilist.list">
												<td>
													<label>
														<a href="udai_order_detail.html" class="num">
															{{item.createdate|formatDate}} 订单号: {{item.orderdetailsid}}
														</a>
														<div class="card">
															<div class="img"><img :src="item.img1" alt="" class="cover"></div>
															<div class="name ep2">{{item.proname}}{{item.explains}}</div>
															<div class="format">颜色分类：{{item.color}}  尺码：{{item.size}}</div>
															<div class="favour">使用优惠券：优惠¥2.00</div>
														</div>
													</label>
												</td>
												<td>￥{{item.price}}</td>
												<td>{{item.count}}</td>
												<td>￥{{item.totalprice}}<br><span class="fz12 c6 text-nowrap">(含运费: ¥{{item.freight}})</span></td>
												<!--待发货-->
												<td class="state">
													<a class="but c6">等待发货</a>
													<a href="javascript:void(0)" @click="godetail(item.orderdetailsid)" class="but c9">订单详情</a>
												</td>
												<td class="order">
													<div class="del"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></div>
													<a href="udai_order_receipted.html" class="but but-primary">确认收货</a>
													<a href="udai_apply_return.html" class="but c3">退款/退货</a>
												</td>
											</tr>
											<!--无数据-->
											<tr class="order-empty" v-if="ordernodelilist.total==0"><td colspan='6'>
												<div class="empty-msg">没有待发货的订单，家里好像缺了点什么！<br><a href="item_category.html">要不瞧瞧去？</a></div>
											</td></tr>
										</table>
										<!--Page-->
										<div class="page text-right clearfix" v-if="ordernodelilist.total!=0" style="margin-top: 40px">
											<button class="pag" type="button" :disabled="ordernodelilist.hasPreviousPage==false" @click="gatepageNums(ordernodelilist.prePage,1)">上一页</button>
											<a v-for="(i,index) in ordernodelilist.navigatepageNums" href="javascript:void(0)" @click="gatepageNums(i,1)" :class="{select:i==ordernodelilist.pageNum}">{{i}}</a>
											<button class="pag" type="button" :disabled="ordernodelilist.hasNextPage==false" href="javascript:void(0)" @click="gatepageNums(ordernodelilist.nextPage,1)">下一页</button>
										</div>
									</div>
									<!--待收货-->
									<div role="tabpanel" class="tab-pane fade" id="take">
										<table class="table text-center">
											<tr>
												<th width="380">商品信息</th>
												<th width="85">单价</th>
												<th width="85">数量</th>
												<th width="120">实付款</th>
												<th width="120">交易状态</th>
												<th width="120">交易操作</th>
											</tr>
											<!--有数据-->
											<tr class="order-item" v-if="ordernorecelist.total!=0" v-for="(item,index) in ordernorecelist.list">
												<td>
													<label>
														<a href="udai_order_detail.html" class="num">
															{{item.createdate|formatDate}} 订单号: {{item.orderdetailsid}}
														</a>
														<div class="card">
															<div class="img"><img :src="item.img1" alt="" class="cover"></div>
															<div class="name ep2">{{item.proname}}{{item.explains}}</div>
															<div class="format">颜色分类：{{item.color}}  尺码：{{item.size}}</div>
															<div class="favour">使用优惠券：优惠¥2.00</div>
														</div>
													</label>
												</td>
												<td>￥{{item.price}}</td>
												<td>{{item.count}}</td>
												<td>￥{{item.totalprice}}<br><span class="fz12 c6 text-nowrap">(含运费: ¥{{item.freight}})</span></td>
												<!--待收货-->
												<td class="state">
													<a class="but c6">等待收货</a>
													<a href="javascript:void(0)" @click="godetail(item.orderdetailsid)" class="but c9">订单详情</a>
												</td>
												<td class="order">
													<div class="del"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></div>
													<a href="udai_order_receipted.html" class="but but-primary">确认收货</a>
													<a href="udai_apply_return.html" class="but c3">退款/退货</a>
												</td>
											</tr>
											<!--无数据-->
											<tr class="order-empty" v-if="ordernorecelist.total==0"><td colspan='6'>
												<div class="empty-msg">没有待收货的订单，家里好像缺了点什么！<br><a href="item_category.html">要不瞧瞧去？</a></div>
											</td></tr>
										</table>
										<!--Page-->
										<div class="page text-right clearfix" v-if="ordernorecelist.total!=0" style="margin-top: 40px">
											<button class="pag" type="button" :disabled="ordernorecelist.hasPreviousPage==false" @click="gatepageNums(ordernorecelist.prePage,1)">上一页</button>
											<a v-for="(i,index) in ordernorecelist.navigatepageNums" href="javascript:void(0)" @click="gatepageNums(i,1)" :class="{select:i==ordernorecelist.pageNum}">{{i}}</a>
											<button class="pag" type="button" :disabled="ordernorecelist.hasNextPage==false" href="javascript:void(0)" @click="gatepageNums(ordernorecelist.nextPage,1)">下一页</button>
										</div>
										</table>
									</div>
									<!--待评价-->
									<div role="tabpanel" class="tab-pane fade" id="eval">
										<table class="table text-center">
											<tr>
												<th width="380">商品信息</th>
												<th width="85">单价</th>
												<th width="85">数量</th>
												<th width="120">实付款</th>
												<th width="120">交易状态</th>
												<th width="120">交易操作</th>
											</tr>
											<!--有数据-->
											<tr class="order-item" v-if="orderoverlist.total!=0" v-for="(item,index) in orderoverlist.list">
												<td>
													<label>
														<a href="udai_order_detail.html" class="num">
															{{item.createdate|formatDate}} 订单号: {{item.orderdetailsid}}
														</a>
														<div class="card">
															<div class="img"><img :src="item.img1" alt="" class="cover"></div>
															<div class="name ep2">{{item.proname}}{{item.explains}}</div>
															<div class="format">颜色分类：{{item.color}}  尺码：{{item.size}}</div>
															<div class="favour">使用优惠券：优惠¥2.00</div>
														</div>
													</label>
												</td>
												<td>￥{{item.price}}</td>
												<td>{{item.count}}</td>
												<td>￥{{item.totalprice}}<br><span class="fz12 c6 text-nowrap">(含运费: ¥{{item.freight}})</span></td>
												<!--待评价-->
												<td class="state">
													<a class="but c6">交易成功</a>
													<a href="udai_mail_query.html" class="but cr">查看物流</a>
													<a href="javascript:void(0)" @click="godetail(item.orderdetailsid)" class="but c9">订单详情</a>
												</td>
												<td class="order">
													<div class="del"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></div>
													<a href="" class="but but-link">评价</a>
													<a href="" class="but c3">取消订单</a>
												</td>
											</tr>
											<!--无数据-->
											<tr class="order-empty" v-if="orderoverlist.total==0"><td colspan='6'>
												<div class="empty-msg">最近没有任何订单，家里好像缺了点什么！<br><a href="item_category.html">要不瞧瞧去？</a></div>
											</td></tr>
										</table>
										<!--Page-->
										<div class="page text-right clearfix" v-if="orderoverlist.total!=0" style="margin-top: 40px">
											<button class="pag" type="button" :disabled="orderoverlist.hasPreviousPage==false" @click="gatepageNums(orderoverlist.prePage,1)">上一页</button>
											<a v-for="(i,index) in orderoverlist.navigatepageNums" href="javascript:void(0)" @click="gatepageNums(i,1)" :class="{select:i==orderoverlist.pageNum}">{{i}}</a>
											<button class="pag" type="button" :disabled="orderoverlist.hasNextPage==false" href="javascript:void(0)" @click="gatepageNums(orderoverlist.nextPage,1)">下一页</button>
										</div>
									</div>
								</div>
							</div>
						</div>

					</div>
				</div>
			</section>
		</div>
		<!-- 右侧菜单 -->
		<div class="right-nav">
			<ul class="r-with-gotop">
				<li class="r-toolbar-item">
					<a href="udai_welcome.html" class="r-item-hd">
						<i class="iconfont icon-user" data-badge="0"></i>
						<div class="r-tip__box"><span class="r-tip-text">用户中心</span></div>
					</a>
				</li>
				<li class="r-toolbar-item">
					<a href="../templates/udai_shopcart.html" class="r-item-hd">
						<i class="iconfont icon-cart"></i>
						<div class="r-tip__box"><span class="r-tip-text">购物车</span></div>
					</a>
				</li>
				<li class="r-toolbar-item">
					<a href="udai_collection.html" class="r-item-hd">
						<i class="iconfont icon-aixin"></i>
						<div class="r-tip__box"><span class="r-tip-text">我的收藏</span></div>
					</a>
				</li>
				<li class="r-toolbar-item">
					<a href="" class="r-item-hd">
						<i class="iconfont icon-liaotian"></i>
						<div class="r-tip__box"><span class="r-tip-text">联系客服</span></div>
					</a>
				</li>
				<li class="r-toolbar-item">
					<a href="issues.html" class="r-item-hd">
						<i class="iconfont icon-liuyan"></i>
						<div class="r-tip__box"><span class="r-tip-text">留言反馈</span></div>
					</a>
				</li>
				<li class="r-toolbar-item to-top">
					<i class="iconfont icon-top"></i>
					<div class="r-tip__box"><span class="r-tip-text">返回顶部</span></div>
				</li>
			</ul>
		</div>
		<!-- 底部信息 -->
		<div class="footer">
			<div class="footer-tags">
				<div class="tags-box inner">
					<div class="tag-div">
						<img src="images/icons/footer_1.gif" alt="厂家直供">
					</div>
					<div class="tag-div">
						<img src="images/icons/footer_2.gif" alt="一件代发">
					</div>
					<div class="tag-div">
						<img src="images/icons/footer_3.gif" alt="美工活动支持">
					</div>
					<div class="tag-div">
						<img src="images/icons/footer_4.gif" alt="信誉认证">
					</div>
				</div>
			</div>
			<div class="footer-links inner">
				<dl>
					<dt>U袋网</dt>
					<a href="temp_article/udai_article10.html"><dd>企业简介</dd></a>
					<a href="temp_article/udai_article11.html"><dd>加入U袋</dd></a>
					<a href="temp_article/udai_article12.html"><dd>隐私说明</dd></a>
				</dl>
				<dl>
					<dt>服务中心</dt>
					<a href="temp_article/udai_article1.html"><dd>售后服务</dd></a>
					<a href="temp_article/udai_article2.html"><dd>配送服务</dd></a>
					<a href="temp_article/udai_article3.html"><dd>用户协议</dd></a>
					<a href="temp_article/udai_article4.html"><dd>常见问题</dd></a>
				</dl>
				<dl>
					<dt>新手上路</dt>
					<a href="temp_article/udai_article5.html"><dd>如何成为代理商</dd></a>
					<a href="temp_article/udai_article6.html"><dd>代销商上架教程</dd></a>
					<a href="temp_article/udai_article7.html"><dd>分销商常见问题</dd></a>
					<a href="temp_article/udai_article8.html"><dd>付款账户</dd></a>
				</dl>
			</div>
			<div class="copy-box clearfix">
				<ul class="copy-links">
					<a href="agent_level.html"><li>网店代销</li></a>
					<a href="class_room.html"><li>U袋学堂</li></a>
					<a href="udai_about.html"><li>联系我们</li></a>
					<a href="temp_article/udai_article10.html"><li>企业简介</li></a>
					<a href="temp_article/udai_article5.html"><li>新手上路</li></a>
				</ul>
				<!-- 版权 -->
				<p class="copyright">
					© 2005-2017 U袋网 版权所有，并保留所有权利<br>
					ICP备案证书号：闽ICP备16015525号-2&nbsp;&nbsp;&nbsp;&nbsp;福建省宁德市福鼎市南下村小区（锦昌阁）1栋1梯602室&nbsp;&nbsp;&nbsp;&nbsp;Tel: 18650406668&nbsp;&nbsp;&nbsp;&nbsp;E-mail: 18650406668@qq.com
				</p>
			</div>
		</div>
	</div>
</body>
</html>
<script type="text/javascript">
	var vm=new Vue({
		el: "#vuebox",
		data: {

			orderall:{//订单全部工具
				status:0,
				pageNum:1,
				pageSize:4
			},
			ordernopay:{//订单待付款工具
				status:1,
				pageNum:1,
				pageSize:4
			},
			ordernodeli:{//订单待发货工具
				status:2,
				pageNum:1,
				pageSize:4
			},
			ordernorece:{//订单待收货工具
				status:3,
				pageNum:1,
				pageSize:4
			},
			orderover:{//订单完成工具
				status:4,
				pageNum:1,
				pageSize:4
			},
			orderlist:[]//订单集合(全部)
			,ordernopaylist:[]//订单集合(待付款)
			,ordernodelilist:[]//订单集合(待发货)
			,ordernorecelist:[]//订单集合(待收货)
			,orderoverlist:[]//订单集合(已完成/待评价)
		},
		mounted() {
			this.queryAll();
			this.querynopay();
			this.querynodeli();
			this.querynorece();
			this.queryover();
		},
		watch:{},
		methods:{
			//查询所有订单
			queryAll:function () {
				axios({
					url: "/myorder/list", method: "get",
					params:{
						status:0,
						pageNum:this.orderall.pageNum,
						pageSize:this.orderall.pageSize
					}
				})
				.then(res => {
					this.orderlist = res.data
				});
			},
			//查询待付款订单
			querynopay:function () {
				axios({
					url: "/myorder/list", method: "get",
					params:{
						status:1,
						pageNum:this.ordernopay.pageNum,
						pageSize:this.ordernopay.pageSize
					}
				})
						.then(res => {
							this.ordernopaylist = res.data
						});
			},
			//查询待发货订单
			querynodeli:function () {
				axios({
					url: "/myorder/list", method: "get",
					params:{
						status:2,
						pageNum:this.ordernodeli.pageNum,
						pageSize:this.ordernodeli.pageSize
					}
				})
						.then(res => {
							this.ordernodelilist = res.data
						});
			},
			//查询待收货订单
			querynorece:function () {
				axios({
					url: "/myorder/list", method: "get",
					params:{
						status:3,
						pageNum:this.ordernorece.pageNum,
						pageSize:this.ordernorece.pageSize
					}
				})
						.then(res => {
							this.ordernorecelist = res.data
						});
			},
			//查询待评价(已完成)订单
			queryover:function () {
				axios({
					url: "/myorder/list", method: "get",
					params:{
						status:4,
						pageNum:this.orderover.pageNum,
						pageSize:this.orderover.pageSize
					}
				})
						.then(res => {
							this.orderoverlist = res.data
						});
			},
			//页数跳转
			gatepageNums:function (pagenum,status) {
				if(status==0){
					this.orderall.pageNum=pagenum;
					this.queryAll();
				}
				if(status==1){
					this.ordernopay.pageNum=pagenum;
					this.querynopay();
				}
				if(status==2){
					this.ordernodeli.pageNum=pagenum;
					this.querynodeli();
				}
				if(status==3){
					this.ordernorece.pageNum=pagenum;
					this.querynorece();
				}
				if(status==4){
					this.orderover.pageNum=pagenum;
					this.queryover();
				}
			},
			//立即付款
			pay:function (orderdetailid) {
				axios({
					url: "/session/orderdetailid", method: "get",
					params:{
						orderdetailid:orderdetailid
					}
				}).then(res=>{
					window.location.href="udai_shopcart_pay.html";
				})
			},
			//去详细页面
			godetail:function (detailid) {
				axios({
					url: "/session/detailid", method: "get",
					params:{
						detailid:detailid
					}
				})
						.then(res => {
							window.location.href="udai_order_detail.html";
						});
			}
		},
		filters: {
			formatDate: function (value) {
				let date = new Date(value);
				let y = date.getFullYear();
				let MM = date.getMonth() + 1;
				MM = MM < 10 ? ('0' + MM) : MM;
				let d = date.getDate();
				d = d < 10 ? ('0' + d) : d;
				let h = date.getHours();
				h = h < 10 ? ('0' + h) : h;
				let m = date.getMinutes();
				m = m < 10 ? ('0' + m) : m;
				let s = date.getSeconds();
				s = s < 10 ? ('0' + s) : s;
				return y + '-' + MM + '-' + d /*+ ' ' + h + ':' + m + ':' + s*/;
			}
		}
	})




	$(document).ready(function(){ $('.to-top').toTop({position:false}) });
</script>